<!doctype html>
<html>
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
		<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
		<link rel="shortcut icon" href="../favicon.ico">
		<script type="text/javascript">
			$(function() {
				$("input:file").on('change', function(event) {
					for(var i=0; i<event.target.files.length; i++) {
						var file = event.target.files[i];
						console.log(file.name);
						$('#message').append(file.name+"<br />");
					}
				});
			});
			
		</script>
	</head>
	<body>
		<div id="outline"></div>
			<h1>选择文件</h1>
			<input type="file" accept="image/*" multiple />
			<div id="message"></div>
		</div>
	</body>
</html>